Over 200 classes were generated

code::

Over 200 classes were generated for component styled.div with the id of "sc-jrsJWt".

Consider using the attrs method, together with a style object for frequently changed styles.

Example:

const Component = styled.div.attrs(props => ({

style: {

background: props.background,

}))width: 100%;

styled-componentsがよくわかってなくてこんなことを書いていたのだが、これをやると異なるpropsごとに異なるクラスが作られてしまうので適切でない

code:ts

export const KozaneDiv = styled.div`

...

top: ${(props) => props.style?.top ?? "0px"};

left: ${(props) => props.style?.left ?? "0px"};

こんなのをわざわざ書かなくてもstyleは最終的なDOM Elementのstyleに当たるので、単に削除でいい。